/* Off state for a ARC radio button */
.radioOff {
	display: inline;
	margin: 0px;
	padding: 2px;
	padding-left: 20px;
	color: #666;
	font: .8em/16px Verdana,Arial,Helvetica;
	background: transparent url(off.gif) no-repeat 0% 50%;
}
/* On state for a ARC radio button */
.radioOn {
	display: inline;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 20px;
	color: #000;
	font: .8em/16px Verdana,Arial,Helvetica;
	background: transparent url(on.gif) no-repeat 0% 50%;
}
/* use CSS to full effect with hover states. Ohhh, perty! */
.radioOn:hover {
	background-image: url(on_hover.gif);
}
.radioOff:hover {
	color: #333 !important;
	background-image: url(off_hover.gif);
}

/* Alternative Off state for a ARC radio button */
.altRadioOff {
	display: inline;
	margin: 0px;
	padding: 2px;
	padding-left: 20px;
	color: #000;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url(alt_off.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
	cursor: pointer;
}
/* Alternative On state for a ARC radio button */
.altRadioOn {
	display: inline;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 20px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-image: url(alt_on.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
	cursor: pointer;
	text-decoration: underline;
}

